<%-- 
    Document   : buscar
    Created on : May 23, 2013, 3:27:53 PM
    Author     : Tadeu Augusto
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script lang="javascript" type="text/javascript">

            /**Facebook Like Button**/

            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

            /**Google +1**/

            window.___gcfg = {lang: 'pt-BR'};

            (function() {
                var po = document.createElement('script');
                po.type = 'text/javascript';
                po.async = true;
                po.src = 'https://apis.google.com/js/plusone.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(po, s);
            })();
        </script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>Formulário de Busca</title>
    </head>
    <body>
        <div id="content">
            <div id="topLeft">
                <a href="index">
                    <img src="Imagens/Top_banner.png">
                </a>
            </div>
            <div id="navbar">
                <div id="navigation">
                    <table>
                        <tr>
                            <td>
                                <a href="index">
                                    <img src="Imagens/home.png">
                                    <span>Início</span>
                                </a>
                            </td>
                            <td>
                                <a href="desenvolvimento">
                                    <img src="Imagens/contato.png">
                                    <span>Contato</span>
                                </a>
                            </td>
                            <td>
                                <a href="busca">
                                    <img src="Imagens/busca.png">
                                    <span>Buscar</span>
                                </a>
                            </td>
                    </table>
                </div>
            </div>
            <div id="page">
                <div id="leftContent">
                    <h2 align="center">Acesso</h2>
                    <form action="desenvolvimento" id="acesso" method="post" name="acesso">
                        <table align="center">
                            <tr>
                                <td align="center">
                                    <strong>Usuário:</strong>
                                </td>
                            </tr>
                            <tr>
                                <td id='usuario' align="center">
                                    <input id="login" name="login" type="text" size="20">
                                    <script>
                                        $('#login').tooltip({
                                            placement: 'left',
                                            title: '<strong>Utilize seu CPF ou CNPJ</strong>',
                                            html: 'true',
                                            delay: {show: 200, hide: 500},
                                            animation: 'true'
                                        });
                                    </script>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <strong>Senha:</strong>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input id="senha" name="senha" type="password" size="20"/>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <input class='button' type="submit" name="Acessar" value="Acessar" />
                                </td>
                            </tr>
                        </table>
                        <!--
                        <script>
                            $(function() {
                                $('#acesso').validate({
                                    rules: {
                                        login: {
                                            required: true,
                                            number: true
                                        },
                                        senha: {
                                            required: true
                                        }
                                    },
                                    messages: {
                                        login: {
                                            required: "Login não preenchido",
                                            number: "CPF inválido"
                                        },
                                        senha: {
                                            required: "Senha não preenchida"
                                        }
                                    },
                                    onkeyup: false,
                                    onfocusout: false,
                                    debug: false,
                                    wrapper: "div"
                                });
                            });
                        </script>
                        -->
                    </form>
                    <br>
                    <div style="border-bottom: solid 1px #d3d3d3;" align="center">
                        <span>Não está registrado?</span>
                        <form action="cadastro" method="post" id="cadastrar">
                            <input class='button' type="submit" name="cadastrar" value="Registre-se" />
                        </form>
                        <br>
                    </div>
                    <br>
                </div>
                <div id="mainContent">
                    <br>
                    <form id="busca_evento" action="" method="post">
                        <table align="center">
                            <tr>
                                <td>
                                    <span>Nome: </span>
                                </td>
                                <td id="buscar">
                                    <input type="text" size="20">
                                    <script>
                                        $('#buscar').tooltip({
                                            placement: 'right',
                                            title: '<strong>Digite o Nome do Evento</strong>',
                                            html: 'true',
                                            delay: {show: 200, hide: 500},
                                            animation: 'true'
                                        });
                                    </script>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <input class="button" type="submit" value="Buscar">
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
                <div id="rightContent">
                    <h2 align="center">Recursos</h2>
                    <a href="desenvolvimento">Mapa</a>
                    <h2 align="center">Compartilhe</h2>
                    <table align="center">
                        <tr>
                            <td>
                                <div class="fb-like" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="g-plusone">
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="clear">
                </div>
                <div id="footer">
                    <span>Página em Desenvolvimento</span>
                    <br>
                    <span>UFG - Universidade Federal de Goiás</span>
                    <br>
                    <span>Sistemas de Informação</span>
                </div>
            </div>
        </div>
        <script src="js/validate.js"></script>
    </body>
</html>
